* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

html {
    font-size: 26.6667vw;
}


/* 总体大小 */

#header {
    position: relative;
    height: .5rem;
    background-color: #ffd100;
}


/* logo位置 */

#nav-logo {
    width: 1.25rem;
    height: .2rem;
    position: absolute;
    top: .15rem;
}


/* logo大小 */

#nav-logo img {
    width: 1.25rem;
    height: .20rem;
    position: absolute;
    padding: 0 .1rem 0 .15rem;
    box-sizing: border-box;
}


/* 右边导航  */

#nav-right {
    position: relative;
    top: 0.13rem;
    left: 2.4rem;
    width: 1rem;
    height: .25rem;
    box-sizing: border-box;
}


/* 下载APP  位置 */

#nav-right .download {
    display: block;
    width: 0.78rem;
    height: .22rem;
    border-radius: 0.04rem;
    border: #282828 solid .01rem;
}


/*  大小  */

#nav-right p {
    color: #000;
    font-size: .12rem;
    line-height: .25rem;
    text-align: center;
    font-family: 'Helvetica Neue', Tahoma, Arial, PingFangSC-Regular, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
}


/* more 位置 */

#nav-right .more {
    position: absolute;
    top: -0.05rem;
    left: 0.9rem;
}


/* 大小 */

#nav-right .more img {
    display: block;
    width: .35rem;
    height: .34rem;
    padding: .06rem;
    box-sizing: border-box;
}


/* 功能区 背景 */

#function {
    width: 3.5rem;
    height: .85rem;
    margin: 0.2rem auto 0;
    background: #fff;
    box-shadow: 0 0 0.27rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.11rem;
    display: flex;
    justify-content: space-around;
    position: relative;
}


/* 功能区 图片 位置  */

#function img {
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
    padding: .2rem 0.0rem .0 0.09rem;
    width: .45rem;
}


/* 功能区 p */

#function p {
    color: #000;
    font-size: .14rem;
    line-height: .25rem;
    text-align: right;
}


/* 首页推荐 */

#hot h1 {
    font-size: .25rem;
    color: #333;
    font-weight: inherit;
    padding: 0.1rem;
    margin-top: 0.25rem;
}


/* 首页推荐 全部内容 */

#hot-all {
    display: flex;
    position: relative;
}


/* 首页推荐左图片 */

#hot-all .hot-left img {
    display: block;
    width: 1.65rem;
    border-radius: .05rem;
    margin: .1rem;
}


/* 首页推荐 右图片 */

#hot-all .hot-right img {
    display: block;
    width: .19rem;
    height: .17rem;
}


/* 首页推荐  右标题2 */

#hot-all .hot-right h2 {
    font-size: 0.18rem;
    position: absolute;
    top: .3rem;
}


/* 首页推荐 图文作者名 工作室 */

#hot-all .hot-right .name {
    position: absolute;
    bottom: .4rem;
    color: black;
}

#hot-all .hot-right p {
    display: flex;
    color: rgb(153, 153, 153);
    font-size: .1rem;
    margin-right: .2rem;
}


/* 查看图片 点赞图片位置 */

#hot-all .hot-right .p li {
    display: flex;
    position: absolute;
    bottom: .2rem;
}


/* 查看图片 */

#hot-all .hot-right .eye img {
    box-sizing: border-box;
    padding: 0.03rem .04rem 0.03rem 0;
}


/* 点赞图片 */

#hot-all .hot-right .zan img {
    box-sizing: border-box;
    padding: 0.0rem .04rem 0.03rem 0;
}


/* 查看更多 */

#look {
    width: 1.9rem;
    height: 0.4rem;
    display: block;
    margin: .5rem auto 0;
    border: black solid .01rem;
    border-radius: .05rem;
}


/* 查看更多 位置 */

#look h3 {
    font-size: .05rem;
    font-weight: lighter;
    text-align: center;
    color: black;
    line-height: 0.4rem;
}


/* 底部背景 */

#footer {
    background: url(../image/footer-background.png)no-repeat;
    margin: .2rem auto 0;
}


/* 底部logo 位置 */

#footer #footer-logo {
    padding: .5rem auto 0;
    height: .2rem;
    padding-top: .5rem;
}


/* 底部logo  图片大小 */

#footer #footer-logo img {
    display: block;
    width: 1.25rem;
    height: .20rem;
    margin: 0 auto;
    box-sizing: border-box;
}


/* 底部标题  */

#footer .footer-title {
    height: 1rem;
}


/* 底部标题 大小 */

#footer .footer-title h4 {
    font-size: .18rem;
    text-align: center;
    line-height: 1rem;
}


/* 底部 下载APP */

#footer #footer-download {
    margin: 0 auto;
    width: 1rem;
    height: .3rem;
    border: #282828 solid .01rem;
    border-radius: .2rem;
}


/* 底部 文字 */

#footer #footer-download p {
    font-size: 0.1rem;
    line-height: .3rem;
    text-align: center;
}


/* 最底部 文字  */

#footer #footer-down p {
    font-size: 0.05rem;
    text-align: center;
    margin-top: .5rem;
}


/* 底部 打开APP 文字*/

#APP-open {
    position: fixed;
    bottom: .3rem;
    left: 1.37rem;
    width: 1rem;
    height: .3rem;
    /* border: #282828 solid .01rem; */
    border-radius: .2rem;
    background-color: #ffd100;
}


/* 底部 打开APP 文字 */

#APP-open p {
    font-size: .1rem;
    line-height: .3rem;
    text-align: center;
}